<?xml version="1.0" encoding="UTF-8"?>
<ui:decorate  template="/xhtml/plantillas/baseSeguridad.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:ui="http://java.sun.com/jsf/facelets">    

    <ui:define name="titulo">Estado Citas</ui:define>

    <ui:define name="java_script">
    </ui:define>   

    <ui:define name="contenido">

        <h:outputText value="#{label['administracion.estado.citas']}" class="encabezado"/>         
        <hr id="horizontalLine" style="width: 750px; margin-left: 20px"/>
        <h:panelGrid columns="10" class="panelFormulario" >
            <p:accordionPanel id="id_acordion" activeIndex="#{beanRegistroEstadoCita.numero}" style="margin-top: 20px; width: 750px;" >  
                <p:tab title="Estado Cita">         

                    <p:fieldset id="id_campos" legend="Información General" style="width: 650px">
                        <p:panelGrid>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['nombre']}"/>               
                                </p:column>
                                <p:column>
                                    <p:inputText id="id_nombre" value="#{beanRegistroEstadoCita.nombre}" style="width: 300px" maxlength="100"/>                                    
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['descripcion']}" />               
                                </p:column>
                                <p:column>
                                    <p:inputTextarea id="id_descripcion" value="#{beanRegistroEstadoCita.descripcion}"  style="width: 300px; height: 30px" cols="30" maxlength="200"/>                                    
                                </p:column>
                            </p:row>

                        </p:panelGrid>
                    </p:fieldset>
                    <p:column><p:commandButton value="#{label['limpiar']}" action="#{beanRegistroEstadoCita.limpiar()}" style="margin-left: 375px"
                                               icon="ui-icon-arrow-4-diag" update=":form_conci" ajax="false"/></p:column>
                    <p:column><p:commandButton value="#{label['eliminar']}" 
                                               icon="ui-icon-trash" disabled="#{!beanRegistroEstadoCita.modificar}" 
                                               onclick="confirmation.show()" /></p:column>
                    <p:column><p:commandButton value="#{label['guardar']}"  action="#{beanRegistroEstadoCita.agregarEstadoCita()}" 
                                               update=":form_conci" icon="ui-icon-disk" ajax="false"/></p:column>          

                </p:tab>  
            </p:accordionPanel>  
        </h:panelGrid>        
        <p:fieldset id="id_fielset" legend="Lista de Estados de Citas" style="width: 735px;" >
            
            <p:dataTable id="id_lista" var="estado"  
                         rows="5" value="#{beanRegistroEstadoCita.lista_estado_cita}" 
                         selectionMode="single" 
                         selection="#{beanRegistroEstadoCita.estadoCitaTabla}"
                         rowKey="#{estado.id_estado_cita}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom"
                         rowsPerPageTemplate="5,10,15">  

                <p:ajax id="id_seleccion"  event="rowSelect"  update=":form_conci" 
                         listener="#{beanRegistroEstadoCita.modificarEstadoCita()}">
                </p:ajax>
                <p:column id="id_nombre" headerText="#{label['nombre']}" filterBy="#{estado.nombre}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{estado.nombre}" />  
                </p:column>  

                <p:column id="id_descripcion" headerText="#{label['descripcion']}" filterBy="#{estado.descripcion}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{estado.descripcion}" />  
                </p:column>                
            </p:dataTable>  
        </p:fieldset>
        <p:confirmDialog id="confirmDialog" message="Esta seguro que desea eliminar el estado de cita seleccionado?"  
                         header="Eliminar Estado Usuarios" severity="alert" widgetVar="confirmation">  

            <p:commandButton id="confirm" value="#{label['aceptar']}" action="#{beanRegistroEstadoCita.eliminarEstadoCita()}"
                             update=":form_conci" oncomplete="confirmation.hide()"/>  
            <p:commandButton id="decline" value="#{label['cancelar']}"  onclick="confirmation.hide()" type="button" />   

        </p:confirmDialog>              
    </ui:define>
</ui:decorate>
